<template>
  <!-- loadMore -->
  <view class="bottom_loading_box" :style="{'padding-top':ph+'upx'}">
    <view class="box_right" v-if="status === 'loading'" :style="{height:loadHeight+'upx'}">
      <view class="loading":style="{'border-color': color}">
        <view class="ball_holder">
          <view class="ball" :style="{ 'background-color': color }"></view>
        </view>
      </view>
    </view>
	<view class="box_right" v-if="status === 'nomore' && len>=20" :style="{height:loadHeight+'upx'}">
	  <view class="nomore":style="{'border-color': color}">
	    <view class="ball_holder">
	      没有更多记录了
	    </view>
	  </view>
	</view>
	<view class="no-data" v-if="status === 'nodata'">
		<image src="../../static/images/no-data.png"></image>
		<text>数据空空</text>
	</view>
  </view>
</template>

<script>
export default {
  props: {
    /* 状态 */
    status: {
      type: String,
      default: "loading",
    },
    /* 显示文本 */
    showTitle: {
      type: Boolean,
      default: true,
    },
    /* loading 颜色 */
    color: {
      type: String,
      default: "#000000",
    },
	/* loading 高度*/
	loadHeight:{
		type:Number,
		default:110
	},
	len:{
		type:Number,
		default:10
	},
	ph:{
		type:Number,
		default:0
	}
  },
};
</script>

<style lang="less" scoped src="./BlockLoading.less"></style>
